/*导航栏 */
.nav_top {
    width: 100%;
    height: 56px;
    background: #fee300;
    line-height: 56px;
    position: relative;
}

.nav_top>a {
    width: 114px;
    height: 20px;
    background: url(https://static.zcool.cn/git_z/z/common/images/svg/logo.svg) no-repeat;
    margin-left: 73px;
    display: inline-block;
    vertical-align: middle;
}

.nav_top>ul {
    margin-left: 487px;
    height: 56px;
    text-align: center;
    position: absolute;
    top: 0;
}

.nav_top>ul>li {
    height: 56px;
    line-height: 56px;
    float: left;
    text-align: center;
    border: none;
}

.nav_top>ul>li>a {
    color: #343202;
    padding: 0 24px;
}

.nav_top>ul>li:hover a {
    color: white;
}

.nav_top #job>ul {
    background: #fff;
    height: 90px;
    position: absolute;
    width:72px;
    z-index: 999;
}

.nav_top #job>ul li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.nav_top #job ul li a {
    color: black;
}

.nav_top #job>ul>li:hover {
    background: #fee300;
}

.nav_top #active>ul {
    background: #fff;
    height: 120px;
    position: absolute;
    width:72px;
    z-index: 999;
}

.nav_top #active>ul li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.nav_top #active ul li a {
    color: black;
}

.nav_top #active>ul>li:hover {
    background: #fee300;
}

.nav_top #matter>ul {
    background: #fff;
    height: 120px;
    width:96px;
    position: absolute;
    z-index: 999;
}

.nav_top #matter>ul li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.nav_top #matter ul li a {
    color: black;
}

.nav_top #matter>ul>li:hover {
    background: #fee300;
}

.nav_top #course>ul {
    background: #fff;
    height: 30px;
    position: absolute;
    width:72px;
    z-index: 999;
}

.nav_top #course>ul li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.nav_top #course ul li a {
    color: black;
}

.nav_top #course>ul>li:hover {
    background: #fee300;
}

.nav_top #ellipsis>ul {
    background: #fff;
    height: 90px;
    position: absolute;
    width:56px;
    z-index: 999;
}

.nav_top #ellipsis>ul li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.nav_top #ellipsis ul li a {
    color: black;
}

.nav_top #ellipsis>ul>li:hover {
    background: #fee300;
}

.nav_top .sea {
    position: absolute;
    top: 18px;
    right: 282px;
}

.nav_top .yun {
    position: absolute;
    top: 18px;
    right: 219px;
}

.nav_top .login1 {
    position: absolute;
    top: 22px;
    right: 131px;
    width: 28px;
    height: 12px;
    padding-right: 20px;
    border-right: 1px solid;
    line-height: 12px;
}

.nav_top .login2 {
    position: absolute;
    top: 22px;
    right: 83px;
    height: 12px;
    line-height: 12px;
}